<center>
<style>

@-webkit-keyframes moveTarget {
    0% {
        left:-700px;        
    }
    
    100% { 
        left:0px;
    }
}


ul#slider li:target {
    -webkit-animation-name: moveTarget; 
    -webkit-animation-duration: .5s; 
    -webkit-animation-iteration-count: 1;
    top:0px;
    left: 0px;
    z-index: 10;
}


</style>

<input id="butt0" type="button" style="font-size:28px;width:100px;height:40px" value="" onclick="

c=(typeof(c)=='undefined')?1:c+1;this.value=(c<4)?this.value+'\u2714':c+'\u2714'

//c=(!c)?1:c+1;this.value=(c<4)?this.value+@:c+@;

"/>
<p/>
<input type="button" style="width:100px;height:40px" value="reset" onclick="document.getElementById('butt0').value='';c=0"/>

<p/>

<script>
	var str = 'Q:e3&&xp1:e4&&zBQ@a8';
	var i = 'Q:e3&&xp1:e4&&zBQ@a8'.replace('&&','IamTheRatMaster').split('IamTheRatMaster');
	alert(i[1]);

</script>
